@import "./mixin.scss";

.form_container {
  @include shadow();
  width: 686px;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 0px 36px 36px 36px;
  box-sizing: border-box;

  .form_item {
    @include wh(100%, 120px);
    @include flex(row, start, center);
    border-bottom: 1px solid #F1F1F1;
    position: relative;

    .form_label {
      @include font('normal');
      width: 200px;
    }


    .placeholder {
      @include font('placeholader');
    }

    .form_input {
      @include font('normal')
    }


    .select_arrow {
      @include wh(40px, 40px);
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-20px);
    }

    .picker {
      width: 300px;

    }
  }

  .form_btn {
    @include wh(612px, 92px);
    @include font('white');
    @include flex(row, center, center);
    background: $primary-color;
    box-shadow: 0 14px 40px 0 $second-color;  
    border-radius: 12px;
    line-height: 92px;
    margin-top: 60px;
  }
  .form_btn_hover {
    box-shadow: none;
  }
}

.notice {
  @include font('light');
  margin-top: 60px;
  width: 686px;
}